﻿/* Multi-Friend Selector Share (Modal Style) */
#fbms-overlay {
	position: absolute; top: 0; left: 0;
	display: none;
	width: 100%; height: 100%;
	overflow: hidden;
	z-index: 9998;
	}
#fbms-modal-o {
	display: none;
	position: absolute; top: 150px; left: 78px;
    background: rgba(82, 82, 82, 0.699219);
    width: 604px;
    padding: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 9999;
	}
	
	#fbms-modal-i {
		background: #F7F7F7;
		padding: 10px 9px 10px 12px;
		color: #999;
		}
		
		#fbms-modal-i a {
			color: #3b5998;
			-moz-outline-style: none;
			cursor: pointer;
			}
			
		#fbms-modal-i p {
			margin: 0;
			padding: 0 0 10px; border-bottom: 1px solid #E0E0E0;
			}
		
		/* fields and buttons */
		.fbms-input-text {
			padding: 4px 3px 5px; border: 1px solid #BDC7D8;
			font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; color: #777;
			margin: 0; *margin: -1px 0;
			}
		.fbms-button {
			float: left; display: inline;
			background: #3B5998; 
			font-size: 13px; color: #FFF;
			padding: 2px 15px 3px 15px; border-style: solid; border-width: 1px; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
			*width: 1;
			*overflow: visible;
			*padding: 2px 15px;
			}
		a.fbms-submit {color: #FFF;}
			
		/* skip */
		.fbms-cancel {
			border-color: #E7E7E7 #666 #666 #E7E7E7;
			background: #F0F0F0;
			color: #000 !important;
			}
		#fbms-cancel-top {
			float: right;
			margin: -5px 0 0;
			clear: both;
			}

		/* inline errors */
		#fbms-modal-i #fbms-notifications {
			display: none;
			color: #D3312F;
			padding-bottom: 20px;
			border: none;
			}
			
		/* autocomplete search box */
		#fbms-search {
			margin: 8px 0 7px;
			padding-left: 17px;
			width: 318px;
			background: #FFF url(/areas/facebookapp/images/fb/sprite.png) 0 6px no-repeat;
			}
				
		/* message box */
		#fbms-message {
			margin: 0 0 11px;
			width: 575px;
			}

		/* friends list */
		#friends-o {
			height: 300px;
			border: 1px solid #C1C1C1;
			background: #FFF;
			overflow: auto;
			}
			
			ul#friends {
				margin: 0;
				padding: 5px 0 0 5px; 
				z-index: 1;
				}
				ul#friends li {
					float: left; display: inline;
					list-style: none;
					overflow: hidden;
					}
				
					ul#friends a {
						display: block;
						margin: 0 5px 5px 0;
						padding: 4px;
						width: 126px; height: 56px;
						color: #444;
						}
					ul#friends a:hover {background: transparent url(/areas/facebookapp/images/fb/select-hover.gif) 0 0 no-repeat;}
						
						ul#friends a div.fbms-friend-picture {
							position: relative; float: left; display: block;
							margin: 0 5px 0 0;
							padding: 2px; border: 1px solid #E0E0E0;
							width: 50px; height: 50px;
							background: #FFF;
							*position: static;
							}
						ul#friends a:hover div.fbms-friend-picture {border-color: #205C98;}
						ul#friends a div.fbms-friend-name {
							float: left;
							font-size: .9em;
							width: 65px;
							overflow: hidden;
							}

					ul#friends .fbms-selected a {
						background: transparent url(/areas/facebookapp/images/fb/blue-bg.gif) 0 0 no-repeat;
						color: #FFF;
						}
						ul#friends .fbms-selected a .fbms-friend-picture {border-color: #E0E0E0;}

		/* buttons */
		#fbms-modal-i ul.fbms-buttons {margin: 10px 0 0;}
			#fbms-modal-i ul.fbms-buttons li {list-style: none;}
			.ie7 #fbms-modal-i ul.fbms-buttons li {display: inline;}
				
				#fbms-modal-i ul.fbms-buttons a,
				#fbms-modal-i ul.fbms-buttons input {margin: 0 5px 0 0;}
